<template>
    <Form ref="formData" :model="formData" :label-width="80" disabled>
        <Row>
            <Col span="12">
                <FormItem label="银行名称">
                    <Select v-model="formData.receivingBank">
                        <Option v-for="(item,index) in dataDict.bankCodeDict" :key="index" :value="item.value">{{item.title}}</Option>
                    </Select>
                </FormItem>
            </Col>
            <Col span="12">
                <FormItem label="分支名称">
                    <Input v-model="formData.receivingSubBranch" />
                </FormItem>
            </Col>

            <Col span="12">
                <FormItem label="账号类型">
                    <Select v-model="formData.accountType">
                        <Option v-for="(item,index) in dataDict.accountTypeDict" :key="index" :value="item.value">{{item.title}}</Option>
                    </Select>
                </FormItem>
            </Col>

            <Col span="12">
                <FormItem label="账号" prop="receivingAccount">
                    <Input v-model="formData.receivingAccount" />
                </FormItem>
            </Col>
            <Col span="12">
                <FormItem label="账户名" prop="receivingName">
                    <Input v-model="formData.receivingName" />
                </FormItem>
            </Col>
        </Row>
    </Form>
</template>

<script>
export default {
    props: {
        dataDict: {
            type: Object,
            required: true
        },
        formData: {
            type: Object,
            required: true
        }
    },
    data() {
        return {};
    }
};
</script>

<style>
</style>
